<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>用户注册</title>
<script type="text/javascript" src="/Public/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/Public/js/Validform_v5.2_ncr_min.js"></script>
<link rel="stylesheet" href="/Public/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="/Public/bootstrap/css/bootstrap-responsive.css">
<link rel="stylesheet" href="/theme/default/css/validform.css">

<style type="text/css">

#content{
background: transparent url(/theme/default/images/hld-bg.jpg) 0 0 repeat-x;
padding-top: 18px;
min-height: 402px;	
}
.section {
background-color: white;
border: 1px solid #CCC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-bottom: 18px;
}
.section-large .section-header {
height: 55px;
line-height: 55px;
}
.section-header {
background-color: #F6F6F6;
background-image: -moz-linear-gradient(top, #FAFAFA, #F2F2F2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(#F2F2F2));
background-image: -webkit-linear-gradient(top, #FAFAFA, #F2F2F2);
background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2);
background-image: linear-gradient(to bottom, #FAFAFA,#F2F2F2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFAFAFA', endColorstr='#FFF2F2F2', GradientType=0);
border-top: 1px solid white;
border-bottom: 1px solid #CCC;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
height: 46px;
padding: 0 15px 0;
}
.section-header h3, .section-header h5 {
color: #555;
float: left;
text-transform: uppercase;
text-shadow: 1px 1px 0 white;
}

.section-large .section-body {
padding: 18px 20px 0;
}

.page-header {
padding-bottom: 3px;
}
</style>

</head>

<body>
<include file="./template/default/Public/nav.html" />

<div id="content">
<div class="container">
	<div class="section section-large">
        <div class="section-header">
        <h3>
        Create your free account
        </h3>
        </div>
        
        <div class="section-body">
        	
            	<div class="row-fluid">
                	<div class="span8">
                    	<!--<div class="page-header"><h3>Create your user profile</h3></div>-->
                        <form class="form-horizontal signup_form" action="/index.php?s=/Home/User/doReg" method="post">
                       	<fieldset>
						<legend>Create your user profile</legend>
						
                        <div class="control-group">
                        <label class="control-label">Email address</label>
                        <div class="controls">
                        <input type="text" name="email" id="email" datatype="e" nullmsg="Email不能为空!" errormsg="Email地址不正确!">
                        <span class="help-inline Validform_checktip"></span>
                        
                        </div>
                        </div><!--control-group-->
                        
                        <div class="control-group">
                        <label class="control-label">Create a password</label>
                        <div class="controls">
                        <input type="password" name="pwd" id="pwd" datatype="*6-16" nullmsg="请设置密码！" errormsg="密码范围在6~16位之间!">
                        <span class="Validform_checktip"></span>
                        </div>
                        </div><!--control-group-->
                        
    
<div class="form-actions">
<div class="row-fluid">
<div class="span5">
<input class="btn btn-primary btn-large" data-disable-with="Just a moment..." name="commit" type="submit" value="Create my account!">
</div>

</div>
</div>    					
						</fieldset>
						</form>
                    </div><!--end span8-->
                    <div class="span4">
                    <div class="well well-small">
<h4>
<i class="picons-24-basic2-088"></i>
Have questions?
<small>We're here to help!</small>
</h4>
<ul class="unstyled">
<li>
<i class="picons-16-basic1-042"></i>
<a href="mailto:hello@fleetio.com">hello@fleetio.com</a>
</li>
<li>
<i class="picons-16-basic2-191"></i>
1-800-975-5304
</li>
<li>
<i class="picons-16-basic2-050"></i>
<a href="http://www.fleetio.com/demo">Get a demo</a>
</li>
</ul>
</div>
                    </div>
                </div>
            
        	<p><i class="icon-user"></i>Already have an account? <a href="/index.php?s=/Home/User/login">Log in here →</a></p>
        </div>
      
    </div>  

</div> <!-- /container -->
</div>
<script type="text/javascript">
$(function(){
	//$(".signup_form").Validform();  //就这一行代码！;
	
	$(".signup_form").Validform({
		tiptype:1

	});
})
</script>

<style type="text/css">
.accounts-form{
	width:520px;
	padding:30px 0 0 0;
	margin:90px auto 30px;
	background:#fff;
	text-align:center;
	text-align:center;
	box-shadow:0 1px 6px #bbb;
	border-bottom:1px solid rgba(0,0,0,0.18);
	border-radius:2px;
}

</style>
<div id="signup" class="accounts-form">
	<h2></h2>
    <hr class="small" />
    <form class="form-horizontal signup_form clearfix" action="/index.php?s=/Home/User/doReg" method="post">
    	<div class="all-errors"></div>
        <div class="input"><input type="text" id="" placeholder="用户名" name="username" maxlength="30"></div>
        <div class="input"><input type="text" placeholder="Email" name="email" maxlength="75"></div>
        <div class="input"><input type="password" placeholder="密码" name=""></div>
        <div class="actions clearfix">
        <input type="submit" value="提交注册" class="btn btn-green">
        </div>
    </form>
    
</div>


<include file="./template/default/Public/footer.html" />    
</body>
</html>